<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>详细事件</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <h3 th:text="${hotevents.keyword}"></h3>
    <p>创建于：<span th:text="${hotevents.createdate}"></span></p>
    <p th:text="${hotevents.hotcontent}"></p>
    <h2>评论</h2>
    <div th:each="i:${commentsList}" style="background-color: #D6D6D6">
        <p>评论时间： <span th:text="${i.commentdate}"></span></p>
        <p th:text="${i.content}"></p>
    </div>
    <div>
        <form th:action="@{/comments/insert}">
            <table>
                <tr>
                    <td>快速评论：</td>
                </tr>
                <tr>
                    <td>
                        <input type="hidden" name="hoteventsid" th:value="${hotevents.id}">
                        <textarea name="content"></textarea>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="submit" value="提交">&nbsp;&nbsp;
                        <a th:href="@{/hotevents/selectAll}">返回首页</a>
                    </td>
                </tr>
            </table>
        </form>
    </div>
</div>
</body>
</html>